<template>
	<sui-feed>
		<sui-feed-event v-for="event in events">
			<sui-feed-label :image="event.image" />
			<sui-feed-content>
				<sui-feed-summary>
					<a>{{event.executor}}</a> {{event.action}} on his page
					<sui-feed-date :content="event.date" />
				</sui-feed-summary>
				<sui-feed-extra text :content="event.extraText" />
				<sui-feed-extra images>
					<a><img :src="image" v-for="image in event.extraImages"></a>
				</sui-feed-extra>
				<sui-feed-meta>
					<sui-feed-like>
						<sui-icon name="like" />
						{{event.meta.like}}
					</sui-feed-like>
				</sui-feed-meta>
			</sui-feed-content>
		</sui-feed-event>
	</sui-feed>
</template>
<script>
export default {
  name: "message",
  data() {
    return {
      baseUrl: process.env.BASE_URL,
      img: require("@/assets/images/elliot.jpg"),
      events: [
        {
          executor: "Elliot Fu",
          content: "zasd",
          link: "",
          date: "1 Hour Ago",
          action: "posted",
          image: require("@/assets/images/elliot.jpg"),
          meta: {
            like: "4 Likes"
          },
          summary: "Elliot Fu added you as a friend"
        },
        {
          executor: "Helen Troy",
          link: "",
          date: "4 days ago",
          action: "posted",
          image: require("@/assets/images/elliot.jpg"),
          meta: {
            like: "1 Likes"
          },
          summary: "Helen Troy added 2 new illustrations",
          extraImages: [
            require("@/assets/images/elliot.jpg"),
            require("@/assets/images/elliot.jpg")
          ]
        },
        {
          executor: "Joe Henderson",
          link: "",
          date: "3 days ago",
          action: "posted",
          image: require("@/assets/images/elliot.jpg"),
          meta: {
            like: "8 Likes"
          },
          summary: "Joe Henderson posted on his page",
          extraText:
            "Ours is a life of constant reruns." +
            " We're always circling back to where we'd we started."
        },
        {
          executor: "Justen Kitsune",
          link: "",
          date: "4 days ago",
          action: "posted",
          image: "static/images/avatar/small/justen.jpg",
          meta: {
            like: "41 Likes"
          },
          summary: "Justen Kitsune added 2 new photos of you",
          extraText:
            "Look at these fun pics I found from a few years ago. Good times.",
          extraImages: [
            "static/images/wireframes/image.png",
            "static/images/wireframes/image-text.png"
          ]
        }
      ]
    };
  }
};
</script>

<style lang="less">
</style>
